.order::v-deep {
    // margin: 50px;
    background-color: #eee;
    padding: 14px;

    .content {
        padding: 20px;
        background-color: #fff;
    }

    .el-input {
        width: 90% !important;
    }

    .el-form-item__label {
        width: 106px !important;
    }

    .btn {
        margin-left: 20px;
    }

    .table {
        margin-top: 10px;
    }

    .el-table {
        // margin-top: 20px;
        margin: auto;
    }

    .item {
        margin-left: 20px;
        margin-top: 30px;

        span {
            &:nth-child(1) {
                margin-right: 400px;
            }

            &:nth-child(2) {
                margin-right: 60px;
            }

            &:nth-child(3) {
                margin-right: 140px;
            }

            &:nth-child(4) {
                margin-right: 150px;
            }

            &:nth-child(5) {
                margin-right: 164px;
            }
        }
    }

    .tableContent {
        margin-left: 20px;
        border: 1px solid #ccc;

        .top {
            padding: 14px;
            background-color: rgb(248, 248, 249);

            span {
                &:nth-child(2) {
                    margin-left: 30px;
                }
            }
        }
    }

    .middle {
        border-top: 1px solid #ccc;
        // padding: 20px;
        display: flex;
        text-align: center;

        .first {
            width: 40%;
            border-right: 1px solid #ccc;
            padding: 20px;
        }

        .other {
            width: 15%;
            border-right: 1px solid #ccc;
            padding: 20px;

            &:nth-child(5) {
                border-right: 0;
            }
        }
    }

    .firstItem {
        display: flex;
        margin-top: 30px;
    }

    .itemLeft {
        width: 30%;
        display: flex;
        justify-content: space-between;

        img {
            width: 120px;
            height: 120px;
        }
    }

    .itemRight {
        width: 70%;
        display: flex;
        justify-content: space-between;

        .rightLeft {
            text-align: left;
            width: 70%;

            p {
                margin-top: 30px;
                color: #aaa;
            }
        }

        .rightRight {
            width: 20%;
        }
    }

    .bottom {
        border: 1px solid #ccc;
        border-top: 0;
        margin-left: 20px;
        padding: 20px;
        background-color: #e8f7f6;
    }

    .pagination {
        text-align: right;
        margin-top: 30px;
    }

    .visit {
        color: skyblue;
        cursor: pointer;
    }

    .step {
        margin-top: 50px;
    }

    .el-dialog {
        padding: 0 30px;

    }

    .status {

        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    }

    .statusLeft {
        .el-button {
            padding: 4px 6px;
        }
    }

    .tables {
        border-top: 1px solid #ccc;
        margin-top: 60px;
        display: flex;

        img {
            width: 30px;
            height: 30px;
            vertical-align: -10px;
            margin-right: 10px;
        }
    }

    .tabLeft {
        border-right: 1px solid #ccc;
        width: 50%;

        >p {
            padding-bottom: 20px;
            border-bottom: 1px dashed #ccc;
        }
    }

    .tabRight {
        width: 50%;

        p {
            padding-bottom: 20px;
            border-bottom: 1px dashed #ccc;
        }
    }

    .addr {
        display: flex;

        .addrLeft {
            width: 24%;

            p {
                text-align: right;
            }
        }

        .addrRight {
            width: 76%;
            margin-top: 15px;
            margin-left: 10px;

        }

        &:nth-of-type(1) {
            .addrRight {
                margin-top: 22px;
            }

        }
    }
    .coll{
        margin-top: 30px;
    }
    .shop{
        margin-top: 50px;
    }
    .itemright{
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
        margin-top: 30px;
        text-align: right;
        p{
            margin-top: 30px;
            span{
                &:nth-child(2){
                    margin-left: 80px;
                }
            }
        }
    }
    .all{
        display: flex;
    }
    .all .tableLeft{
        img{
            width: 100px;
            height: 100px;
        }
        margin-right: 20px;
    }

}